
/* "use client"

import Image from 'next/image'
import Slider from 'react-slick'
import 'slick-carousel/slick/slick.css'
import 'slick-carousel/slick/slick-theme.css'

export default function Page() {
  const settings = {
    dots: true,
  }
  return (
    <div>
      <h2>hello page 07</h2>
      <Slider style={{ width: 400, height: 300, margin: '0 auto' }} {...settings}>
        <div>
          <Image src="https://picsum.photos/400/200" alt="" width="400" height="300" />
        </div>
        <div>
          <Image src="https://picsum.photos/400/200" alt="" width="400" height="300" />
        </div>
        <div>
          <Image src="https://picsum.photos/400/200" alt="" width="400" height="300" />
        </div>
        <div>
          <Image src="https://picsum.photos/400/200" alt="" width="400" height="300" />
        </div>
      </Slider>
    </div>
  )
}
 */

/* import SliderImage from "@/components/SliderImage"

export default function Page() {
  return (
    <div>
      <h2>hello page 07</h2>
      <SliderImage />
    </div>
  )
} */
